import { Text, TouchableOpacity, View, StyleSheet } from 'react-native';
import * as React from 'react';
// import { useNavigation } from '@react-navigation/native';
// import SignInScreen from '../pages/SignInScreen';
import { Link } from '@react-navigation/native';
function HeaderRight(props) {
  const { text } = props;
  console.log('props', props);
  return (
    <>
      <TouchableOpacity>
        <Link to="/SignIn" style={styles.text}>
          <Text>{text}</Text>
        </Link>
      </TouchableOpacity>
    </>
  );
}
const styles = StyleSheet.create({
  text: {
    color: '#fff',
    fontSize: 14,
    marginRight: 15,
  },
});
export default HeaderRight;
